<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div:hover{
            background-color: #0099dd;
        }

        div {
            width: 100px;
            height: 50px;
            border-radius: 8px;
            background-color: #0066dd;
            font-size: 25px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            font-weight: bold;
            position: fixed;
            right: 10px;
            top: 50px;
            cursor: pointer;
        }
        div:last-of-type{
            top: 110px
        }
    </style>
</head>
<body>
    <div>start</div>
    <div>stop</div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore voluptates, maxime ducimus aut eius libero dolorum impedit ullam ut neque! Veritatis aliquam fugit consectetur repellat in, quis rem quidem perferendis autem aspernatur nisi quas unde ipsum! Reprehenderit error sequi id nulla, non maiores at perspiciatis dicta magni a quisquam unde enim cupiditate blanditiis. Voluptas ad doloremque, repudiandae delectus optio dolorum! Perferendis id neque alias temporibus deleniti cumque? Pariatur, quidem. Dolorem vel qui ex iure assumenda. Natus hic aspernatur voluptatum deleniti aperiam inventore nisi quis corrupti laborum aliquam possimus laudantium tempore illo id officiis placeat, dolorem dicta nihil distinctio adipisci sunt ratione! Quia est veritatis quas eos accusantium animi dignissimos earum rerum autem ratione. Voluptatibus, optio. Inventore consequuntur nihil architecto, corrupti repellat autem dicta quasi cumque possimus, ipsa quas nemo itaque reprehenderit. Mollitia at consequuntur animi amet, odit, esse qui saepe, quis magnam minima odio cupiditate autem praesentium? Aliquid architecto fugit deserunt cupiditate maiores incidunt repellat veniam, quaerat blanditiis minus quisquam odio expedita officiis distinctio nisi fugiat eaque. Ipsum, laboriosam ab pariatur molestias corporis dolor hic culpa ullam voluptas corrupti fuga totam quis velit atque impedit voluptatem magni dolore. Enim architecto explicabo quaerat id nemo at, itaque maxime! Quasi odit sit accusantium facere quis, suscipit corporis veritatis magni voluptates voluptas pariatur, minus porro! Ipsam porro aut aperiam laborum molestiae at fuga molestias perspiciatis officia nihil quisquam quia, doloribus tenetur? Delectus porro explicabo dolor laudantium optio quod facilis, tempore labore beatae aliquam totam ex, non necessitatibus consequuntur accusamus earum quia voluptatibus aspernatur nesciunt eos commodi nam odio voluptatum esse. Perferendis inventore nisi dolorum ex sed asperiores vitae reiciendis ipsum provident quaerat! Quod eius officiis error voluptas in quasi rerum voluptatum doloremque itaque. Numquam, quam voluptatum fuga incidunt voluptas iure. Et, ex! Vitae numquam ullam reiciendis velit animi recusandae sit, ab quaerat ipsam ipsa eveniet sint, debitis molestiae quibusdam harum exercitationem repudiandae a dolor voluptatum magnam quod eligendi accusantium, eaque laboriosam? Quibusdam excepturi aliquam explicabo veritatis mollitia neque dolor, odit quasi autem nostrum culpa perferendis nulla, ducimus facilis ex distinctio earum. Minima laborum quo et reiciendis praesentium ipsum exercitationem facilis recusandae ab dolorem, sequi at in laudantium magnam debitis amet hic aut aliquid eius fugit suscipit odit officia. Culpa ea odit reprehenderit? Similique assumenda consequuntur architecto culpa delectus blanditiis itaque reiciendis perspiciatis laboriosam quaerat aliquid, excepturi numquam cumque quae doloremque totam voluptatem modi. Veritatis harum quisquam nulla ad. Eligendi, pariatur sit officiis quibusdam explicabo quod? Accusantium ab unde cupiditate veritatis ipsum amet debitis dignissimos perspiciatis hic corporis expedita sed possimus assumenda blanditiis earum deleniti autem consectetur rerum facilis laboriosam repudiandae, itaque accusamus harum atque. Animi sunt, ducimus illo aliquam asperiores dolore consequatur sed deleniti error nihil amet quisquam enim optio quod aliquid laborum aspernatur quam deserunt dolor magni quas suscipit harum quibusdam! Laudantium mollitia distinctio inventore voluptatum, eligendi architecto suscipit id repellendus dolorum ullam perferendis adipisci fugiat illum! Ullam in animi nesciunt illum fuga inventore aliquam consectetur, fugiat dolorum, laborum maxime blanditiis consequatur deleniti et quidem odit eum quas ipsa facere non, voluptatum adipisci! Unde asperiores sunt necessitatibus id voluptates, nobis assumenda dolor. Vitae ad consequatur maxime velit consectetur esse dignissimos incidunt recusandae non qui vel provident, aspernatur fugit doloremque beatae veniam voluptatum eos eaque sunt amet autem exercitationem optio. Fugiat tempora doloremque quam, sed odio modi nostrum officiis maxime ut ex ad sit laboriosam recusandae illo saepe incidunt assumenda sequi perspiciatis quisquam eos? Minus voluptates fugit culpa autem vitae cupiditate, aspernatur eum odio dolores similique! Voluptatibus sunt ducimus sint placeat ipsa, dicta, laborum vitae corporis ullam praesentium amet optio ut aut non, dignissimos excepturi! Aspernatur error adipisci officia? Numquam placeat, rerum vel impedit, dicta molestias fuga voluptate quae architecto, consequuntur beatae nam labore eum. Ipsum aperiam, maxime consectetur totam atque nisi distinctio laborum accusantium nesciunt? Officiis laudantium eius fugit nulla tempora recusandae consequuntur nihil quaerat. A magni, officia, temporibus commodi non rem voluptatum laboriosam natus labore distinctio accusamus nesciunt esse eos expedita. Tenetur numquam sunt ad praesentium illo omnis excepturi consequuntur, quisquam, quos dignissimos et ipsa! Tempora doloribus voluptate atque odit quaerat voluptates eum, repellat autem libero quos sapiente nobis modi aliquam sit, eaque minima et. Dolores dolore quam quaerat culpa, possimus natus nihil quia consequuntur laboriosam tempora nobis? Magnam amet commodi laudantium veritatis! Alias, itaque. Voluptatibus, expedita dolore delectus ut quo iste dignissimos impedit est deserunt rerum adipisci rem sunt laudantium, voluptates numquam possimus illum quibusdam facere nesciunt velit deleniti illo cumque ex? Ratione inventore ipsam facere cum, molestiae nisi, debitis, quidem placeat omnis nesciunt totam? Odit porro, non adipisci eligendi ea rerum sit, quibusdam repudiandae ipsam qui minus odio facere possimus perspiciatis eveniet reiciendis iusto earum, dolor nesciunt cum minima quo illum ullam. Error nemo reiciendis ut nam. Facere aperiam minima qui, unde ea incidunt quae dolorum. In inventore corporis, tempora cum voluptates et. Saepe voluptatibus eum eveniet expedita eaque. Facere pariatur ipsa quae? Porro veritatis aperiam totam voluptates quae nihil eum reiciendis suscipit tenetur provident, cupiditate reprehenderit cum commodi ex ipsum pariatur quisquam labore illum modi ratione molestiae doloribus soluta. Quasi debitis, officia harum deleniti magni sed porro fugiat incidunt quo quam dolor ducimus excepturi beatae animi officiis atque rerum quaerat ab at aperiam odit modi optio eos. Exercitationem doloribus explicabo dolore harum officia, commodi rerum similique voluptate hic facere ducimus quasi eos cum expedita consequatur cupiditate fuga natus reprehenderit soluta aspernatur modi reiciendis accusamus impedit dolorem. Doloremque voluptates alias facilis placeat enim neque eum quod fugit incidunt quos quis minima nihil obcaecati laudantium perferendis, aspernatur eveniet eos vitae consequuntur cum iste, minus necessitatibus magni nemo. At voluptas, modi corrupti molestias quis facilis praesentium, repellendus error dolorum, possimus repellat a blanditiis iste eligendi id reiciendis inventore ex! Quas, sit. Minima veritatis ipsum mollitia repellendus quia totam accusantium asperiores reprehenderit ullam dicta ut unde, repudiandae dolorum veniam quo aspernatur tenetur exercitationem ipsam nemo pariatur eaque! Harum id iure incidunt magnam minima optio et error repellendus, minus molestias. Ea velit dolorum repudiandae at illo veritatis. Soluta officiis ad dolore voluptatum, fuga reiciendis amet assumenda dolorum porro repudiandae ut laboriosam iste ducimus!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero cum atque quisquam magnam ex hic tenetur aspernatur esse, perspiciatis explicabo, quo quasi soluta odio expedita facilis dicta vel iure sed. Sit, tempora est vitae totam ducimus, eius, numquam illum magni ea hic illo? Optio, dolorum deleniti perferendis modi quidem molestiae adipisci corporis officia obcaecati magnam est aspernatur iste sapiente, consequatur accusamus earum hic ipsam aliquid quo ipsum rem enim! Voluptas corporis, sit porro ipsa repellendus esse et est quis, itaque officia quaerat magni saepe, cum quo sint totam. Exercitationem unde cupiditate neque illum ipsam error fugiat placeat ut accusamus sunt soluta temporibus atque explicabo sequi sint illo quam voluptatum nisi modi, assumenda architecto commodi, corrupti porro esse. Quod praesentium nam quibusdam voluptates repellat eius, repudiandae perspiciatis, optio in blanditiis officia incidunt commodi vitae molestiae nemo illum explicabo placeat voluptate voluptas! Possimus qui perspiciatis repudiandae dolor accusamus accusantium illum dolorem provident doloribus inventore! Accusantium, ipsa placeat. Repellendus ipsa, quasi accusamus similique non architecto quas aperiam rerum sequi neque voluptatum facilis, porro placeat dolorem accusantium. Saepe ratione tenetur rem, quod aperiam dolores exercitationem quis dolor, voluptatem, aut esse quisquam eos voluptates! Omnis cupiditate quibusdam consequuntur quidem optio nihil veritatis cum incidunt neque non facilis vitae autem iste veniam, tenetur rem repudiandae provident, architecto iusto temporibus assumenda sapiente doloribus ipsum! Reprehenderit placeat tempore aspernatur possimus? Soluta dolor pariatur necessitatibus voluptatum id earum accusamus, porro aliquam placeat? Iste magni aliquid veniam. A eaque doloremque distinctio itaque, impedit cum, voluptatem eos repellat esse quis, beatae hic! Placeat laborum vel esse officiis recusandae? Beatae accusantium dicta quidem praesentium illo pariatur eligendi, quod ipsa sunt maxime dolores ullam recusandae culpa ex laboriosam non? Eum ea rerum inventore, qui dolore nihil quam magni laboriosam totam, modi sapiente molestias tenetur expedita iusto mollitia impedit veritatis dignissimos a amet labore animi. Sunt ipsam quas suscipit, reiciendis iure totam enim voluptatibus! Repellendus voluptatum soluta quasi! Obcaecati optio libero magnam, dignissimos perspiciatis dolorum, quibusdam accusamus aspernatur saepe at nobis porro accusantium, ducimus incidunt repellat repudiandae ipsum enim ad iste exercitationem modi iusto sit dolores dolor. Natus atque provident unde! Eaque maxime magnam mollitia sed fugit alias accusantium error omnis ea blanditiis, fugiat rem. Expedita ut quidem obcaecati itaque possimus voluptas alias perspiciatis perferendis exercitationem nam earum, eos deleniti maiores facere officia modi, voluptate laboriosam magnam. Expedita delectus neque assumenda dolorum quasi alias laborum ipsam quod provident? Fugit molestiae dolor et libero sunt placeat quis a odit veniam impedit expedita quidem quos corporis commodi aliquam saepe nesciunt culpa repellat adipisci vero, neque fuga? Rerum amet repellat, earum ut libero architecto obcaecati veritatis accusantium pariatur cum, nihil ad dolore nemo dolores voluptatum nam aspernatur, odio nesciunt. Assumenda pariatur eveniet tenetur praesentium voluptatum repellendus non nemo porro voluptates nesciunt, sit, laborum mollitia dolorem et? Maxime molestiae assumenda harum, eum incidunt debitis quibusdam reiciendis totam explicabo, vel, a veritatis iusto! Voluptas neque modi dolore reprehenderit quo aperiam asperiores, voluptate quisquam minima nulla aspernatur sequi tempora sapiente corporis dolor praesentium possimus autem amet voluptatum labore voluptatibus! Inventore neque numquam, saepe, nobis quaerat nisi sapiente quis corporis fuga amet possimus itaque quo eaque fugiat atque a at dignissimos ipsum. Voluptatem necessitatibus perspiciatis esse porro doloribus! Eius sint aliquam deserunt ab natus vero deleniti provident sapiente voluptatum? Repellendus perferendis saepe recusandae doloremque, voluptatum sequi natus veritatis possimus fuga rem laboriosam provident quo culpa accusamus illum est cumque ducimus dolor doloribus, sit pariatur nihil, asperiores maiores. Minima at impedit optio earum saepe nihil suscipit ab iste accusantium architecto! Ut alias repellat laboriosam doloribus at iste cumque quod ipsa exercitationem fugiat, reprehenderit vel ex, corrupti, aperiam commodi nam illum accusantium officiis. Repellat fuga quos cum laborum explicabo adipisci! Iusto ipsa soluta qui alias perspiciatis totam autem nihil placeat? Deserunt dolor doloremque iusto quos distinctio similique fuga libero tempore mollitia molestias, nisi exercitationem, autem quisquam quis voluptatibus, quas at voluptatem. Velit quisquam repellendus sed unde reprehenderit corporis eaque reiciendis provident rem quas exercitationem temporibus, delectus accusamus labore! Similique ad officiis pariatur? Molestiae nihil vero, aspernatur, neque accusamus eligendi quasi perspiciatis aliquid consequatur, numquam vel earum quibusdam soluta. Consequuntur soluta saepe odit quidem nulla delectus impedit nisi obcaecati laborum tenetur, adipisci itaque, eum dolorum enim explicabo vitae? Voluptates illum qui vero maiores, asperiores earum et impedit. Consequuntur vel perspiciatis accusantium maxime porro magnam explicabo, nesciunt autem dignissimos iusto velit molestias dolorum voluptas maiores a excepturi qui voluptatem, veritatis illo. Ipsum doloribus ipsam culpa fugiat velit error consequuntur eum a obcaecati sint ut sunt fugit facere rem et earum, consectetur magnam vel neque ea dolore quis! Ipsam iste aliquid repellendus minima? Tempora dignissimos rerum culpa quo ratione laudantium deleniti consequatur exercitationem commodi repellendus quaerat, a voluptates optio doloribus sed odio ipsa blanditiis cupiditate saepe animi placeat enim! Totam accusantium eaque, excepturi saepe modi laborum quisquam, enim neque necessitatibus ipsa exercitationem, tenetur aliquam. Officia repellat nisi provident nam odio voluptates, vel, perferendis mollitia itaque incidunt corporis magnam laborum sed culpa est nostrum dolor asperiores numquam maxime ipsum eum eos omnis libero. Maxime, fuga error quibusdam minus ab quia. Accusantium necessitatibus veritatis blanditiis tempora enim eius eaque aliquam assumenda vitae unde vero, sunt quasi odit dicta delectus provident expedita officia obcaecati animi iusto natus quae optio ipsum? Ea officia tenetur quis placeat. Alias delectus voluptatibus hic. Commodi nisi blanditiis porro dolorem, earum aut reiciendis omnis iste repudiandae corporis consequatur similique tenetur possimus perspiciatis, eligendi ducimus pariatur molestias cupiditate harum rerum. Tempora quae assumenda fugiat culpa, ut odio quasi id quidem, eaque ratione excepturi facere rerum aliquid error voluptates at maiores. Quaerat minus voluptate id, nostrum quisquam unde adipisci corrupti ipsam est officia eligendi temporibus modi repellat quo dicta fugit rem exercitationem omnis, molestiae magnam? Recusandae rem, natus deleniti, vitae fugit optio similique suscipit, unde perferendis sint in fuga doloremque mollitia est quod cum iure non! Fugiat asperiores eaque inventore optio, earum dicta enim at tempore? Est assumenda ea saepe fugit numquam voluptates eius, accusantium consequatur autem libero deserunt iste quam ad! Inventore perspiciatis doloribus ad quam amet iusto neque tempora accusamus sit optio nobis, mollitia rem!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga corporis exercitationem cupiditate? Odit ab, suscipit recusandae officia consequuntur cumque adipisci, nam amet distinctio tenetur ipsam repellendus ipsum error eveniet iure reprehenderit sint quae dignissimos ullam est a neque. Eius maiores corrupti soluta deserunt nihil ipsa aspernatur. Maiores sed voluptas ratione illum eveniet recusandae minima optio dolore est a veritatis quidem vero nemo quibusdam architecto error, ipsum mollitia ea nulla dolorem! Suscipit odit exercitationem sed sit quia voluptate saepe nihil, velit eius corrupti eum beatae doloremque odio dolor amet sunt repellendus rem veniam, culpa officiis recusandae aspernatur. Fugit velit cupiditate ipsa repudiandae officiis distinctio doloremque vero amet corporis illum sequi, id maxime, est earum voluptatum nobis nesciunt facere at? Ut, magni molestiae voluptatibus minima odio sapiente veniam repellat, illo dolore recusandae optio laudantium quas dignissimos doloremque tenetur! Quisquam, numquam. Quia quis pariatur inventore quo architecto neque vitae tempora distinctio alias! Est dicta excepturi officiis commodi consequuntur aspernatur, accusantium ut quia deserunt cum aliquid enim, unde fugiat! Laudantium fugit eum recusandae consequuntur perspiciatis numquam maxime laboriosam, aliquam voluptatum eveniet vel nisi quasi? Esse rerum dolore dolorum. Corporis libero debitis veniam provident facere quod vel numquam, fuga harum sit nulla fugit consequuntur, tempora rem, esse distinctio quas nobis vero ea quis necessitatibus eius labore? Distinctio nesciunt harum nostrum voluptatibus, quos eaque commodi dignissimos! Error itaque, nisi ducimus tempore distinctio, eius reprehenderit explicabo corrupti at dolor enim ipsa? Similique, libero reiciendis! Odit beatae quas voluptatibus eaque quia tempora sequi eius, exercitationem minima repellat asperiores cumque? Eaque ipsa quisquam ratione? At ratione veniam incidunt in minus accusantium excepturi eaque cum quasi reiciendis vel ut sint quod voluptate dicta tempore cumque deserunt est soluta rerum molestias, itaque repellat. Debitis ullam fugiat iusto tenetur. Hic nisi eius, vel doloribus voluptas quas architecto. Officia est tempora dignissimos incidunt numquam asperiores quisquam, adipisci ea. Laborum animi tenetur doloribus eveniet dignissimos a, aliquam culpa ut porro vero. Eum, enim est veritatis qui, rem distinctio velit perferendis vitae voluptates a, illum nemo! Hic, eaque. Quibusdam doloremque perspiciatis dolorem illo deserunt sit. Facere fugiat quos rem sapiente voluptate consequatur, non unde illum iure vero ut sed tenetur eveniet nam neque provident mollitia ullam iusto voluptatum labore perspiciatis dicta, exercitationem nostrum? Nihil, corporis voluptatibus. Mollitia magnam esse, quidem voluptatibus nostrum repellat dicta quia ullam laudantium veniam dolore a aut facere alias dolorem saepe aspernatur quae, eaque ratione atque velit, totam iste natus? Culpa neque facere eligendi doloribus, veritatis omnis at quas consectetur vitae necessitatibus aut atque, eum amet, perspiciatis nostrum! Reprehenderit numquam praesentium doloremque autem asperiores, voluptate minima? Similique sit rerum eius accusamus dolores nisi hic. Ratione, nemo earum! Culpa id adipisci recusandae sit facere sed ullam veniam voluptates architecto aperiam! A quo exercitationem alias numquam dignissimos omnis. Doloribus laboriosam ullam cupiditate, ducimus corporis consectetur quos modi ipsam? Nesciunt sapiente praesentium possimus obcaecati mollitia voluptatibus maxime necessitatibus enim inventore. Qui, impedit eum accusamus officia corrupti similique! Consequatur esse vero, accusamus reiciendis hic impedit dolor doloribus repudiandae alias tempora fugiat magnam et deserunt, dolore tempore voluptatum voluptate, quisquam excepturi nulla voluptas distinctio qui. Adipisci eaque sunt, perferendis quod asperiores vel placeat, quis quasi reiciendis quo ex magnam illo eum, vitae unde et eligendi quam blanditiis possimus esse? Est, omnis. Sint, quos? Saepe sed qui in voluptatibus harum maiores nisi, officia quae doloremque omnis, odio accusamus natus. Iusto expedita nam alias unde eos? Omnis facilis ut, corrupti rem sint ratione eos suscipit non, molestias unde quia doloremque pariatur asperiores commodi ipsum excepturi alias? Voluptatem tempora itaque fugiat pariatur laboriosam explicabo, dolore fugit id quasi cumque rem, aperiam inventore officia recusandae dolorem, consequuntur facere quas excepturi obcaecati magni minus. Sunt, numquam odio. Quia, expedita laudantium magni debitis ab molestiae sequi amet maxime error vero ipsam unde. Corrupti architecto tempora expedita praesentium a delectus eveniet! Accusantium saepe iste, aliquid corporis cum ipsam magni fugit quibusdam repellendus eveniet dignissimos! Rerum error corporis temporibus nisi unde eligendi, doloribus commodi! Vitae nobis voluptates iusto minus sit libero nostrum recusandae temporibus nesciunt nemo dicta et aliquid error sequi explicabo sapiente, fugit fugiat labore dolore quod consectetur. Alias, dolorem, assumenda quisquam, aliquam repellat corrupti suscipit ex at aut sequi sapiente earum velit corporis blanditiis dicta officiis sed culpa. Aut soluta corrupti rem sint consequatur ex veritatis atque, odio facilis incidunt eius explicabo ab iure dolorem ipsa inventore perspiciatis repellendus possimus error magni expedita cum nulla voluptatem aliquam. Dignissimos iste non accusamus! Consequatur praesentium iste perferendis odit, magni enim vel odio rem. Velit eaque iure quia incidunt cumque dignissimos animi alias facere fugiat fugit possimus sed unde laudantium omnis, dolorum illo accusantium rerum aspernatur a consequuntur porro nobis quibusdam, adipisci labore? Corrupti aut alias beatae accusamus, consequatur molestiae excepturi impedit ex voluptate ab exercitationem nobis consequuntur dolore aperiam blanditiis dolorem nam cum itaque illo molestias incidunt laudantium veniam! Odio nostrum maiores excepturi nulla? Natus ratione eos totam animi minima porro veritatis dolorem ipsum sed unde, corrupti voluptatibus officiis! Dignissimos voluptatum nobis architecto ducimus ab quasi ratione tenetur rerum neque. Tempore nulla autem sunt eius quos quae maxime, necessitatibus obcaecati? Accusamus voluptate quas consectetur. Molestiae, mollitia? Quasi laudantium maiores expedita perspiciatis, nam qui iste a dolorum at perferendis nemo iure rerum! Iusto odio ratione eaque fuga tempora temporibus porro unde, dolorem eligendi. Delectus nostrum voluptatem, nihil quasi ratione minus quis eveniet ipsa voluptate mollitia rem odit eligendi nulla quidem error inventore praesentium! Excepturi pariatur possimus, asperiores labore aperiam obcaecati natus! Corrupti eos inventore dolorum vero possimus quo voluptates quod itaque commodi, perspiciatis illo at cupiditate, distinctio ullam harum ea tempore sit sequi. Ullam quibusdam obcaecati alias commodi. Magni fugit facilis perspiciatis voluptas officiis ratione eveniet ipsa vitae ea optio! Nisi quam deleniti assumenda distinctio molestias vel aut facere cumque qui eius ducimus eligendi delectus provident nesciunt, sequi dignissimos commodi quia odio autem nemo dolor? Porro molestias id molestiae consequatur cum quasi quae fugit officiis dolor error qui quibusdam, voluptate architecto perspiciatis aliquid minima sunt reiciendis placeat. Maiores, assumenda iste architecto voluptatibus ipsum quaerat exercitationem earum, accusamus illum sapiente laboriosam temporibus consectetur, odit libero tempora.</p>
    <p>Nihil quo commodi necessitatibus ipsum distinctio numquam repellendus nemo mollitia, aut quaerat facilis iure repudiandae saepe nam rerum voluptates et error assumenda dolor illo culpa voluptatum porro fugit cumque. Tenetur, esse suscipit voluptates ipsa dolorum ipsum vel, assumenda perferendis, libero adipisci repellendus quod hic. Dolorem quas adipisci ipsam atque praesentium sapiente quaerat, nemo asperiores possimus optio nam, totam quisquam modi rerum esse ipsa ex placeat ut, est id eaque excepturi nobis. Earum, ipsa voluptatum dignissimos excepturi fuga corporis qui quis vel molestiae, a dolorum veniam voluptas, animi quo inventore sit ad obcaecati repellendus assumenda veritatis dolor laudantium sed nulla necessitatibus. Velit accusantium maiores veniam eius fugiat quisquam a, debitis, corporis quibusdam in molestias dolorum laborum exercitationem dolorem, corrupti sint illo. Magnam at sunt reiciendis reprehenderit eaque fugiat maiores non molestiae blanditiis voluptatum deserunt voluptas, officia nulla officiis accusamus cum magni libero debitis corporis, quia neque fuga. Voluptas reprehenderit in unde odio numquam minima, cumque, ex sed aspernatur, voluptatum deleniti a iste neque? Unde eius totam modi, officia, sit, nulla nostrum nisi distinctio optio consectetur exercitationem dolorem dignissimos dolore! Quibusdam, eveniet quis commodi magnam ea, quo sequi repellendus tempore consequatur consequuntur voluptates, tempora suscipit excepturi praesentium odio! Explicabo ipsa sed pariatur magni vitae facilis. Quam ad placeat fugiat impedit expedita quibusdam porro, commodi possimus? Nemo id ipsum atque beatae dolores a nobis quidem facere cum praesentium mollitia similique dolore, eius, quasi corrupti repellat. Eaque numquam animi assumenda repudiandae vero suscipit corrupti aspernatur recusandae doloribus eum quidem inventore temporibus provident, iure modi sed quaerat possimus optio itaque porro qui pariatur? Amet voluptas aspernatur eius cumque fugit! Sint at aspernatur ipsam libero repudiandae unde quidem deserunt, ex recusandae ab obcaecati sapiente tempora praesentium in temporibus tempore doloremque fugiat culpa excepturi inventore id suscipit quos quaerat voluptatibus! Soluta praesentium dolores corporis voluptatem quia, facilis sapiente. Praesentium eum distinctio aperiam ad sunt corrupti hic? Quos similique ipsam id repellendus minus ab perferendis illum tempora quod temporibus molestias odio ipsum mollitia fuga, molestiae vel minima hic nemo commodi dolores. Eius placeat quod aspernatur totam exercitationem laboriosam nihil alias enim aliquam nesciunt, quisquam ratione explicabo, est non, voluptatum dignissimos inventore quidem ullam quae eos repellendus. Aliquam ratione id est ab laborum? Officiis repellendus nihil et, assumenda labore soluta tempora. Ea tenetur eos vel ad sequi nostrum nulla beatae magnam ut, nam incidunt deserunt repudiandae necessitatibus commodi! Explicabo molestiae, commodi, quisquam incidunt quos distinctio nam repellendus quod iusto est voluptas, quo ipsa! Cupiditate optio necessitatibus quod, voluptas dignissimos commodi sequi incidunt ipsa consectetur nobis suscipit! Non obcaecati, voluptate iusto veniam voluptatem commodi? Quibusdam placeat dignissimos, veniam et maiores tenetur adipisci corporis reiciendis rem, dicta, iure facilis. Perspiciatis molestias possimus, similique non earum itaque consectetur reprehenderit magni architecto recusandae cumque nostrum magnam maiores hic in suscipit corporis, quisquam at ullam ea officiis impedit? Assumenda et consectetur placeat ex dolore illo recusandae a neque alias culpa eligendi consequatur eaque rem, exercitationem ab tempora. Qui saepe ea, blanditiis officiis ab est quod, error vero libero dolore laudantium reiciendis adipisci culpa voluptatibus harum? Maiores blanditiis aspernatur dolor vitae voluptates magni quidem ex pariatur reiciendis provident eos adipisci asperiores accusamus perferendis ab fuga, tempore ducimus fugit eius architecto doloremque soluta harum! Expedita dicta libero, repellat incidunt odit corporis nihil voluptatum delectus, atque sint laboriosam aliquam. Porro perferendis quia dignissimos dolores consequuntur pariatur autem deleniti iste cumque quo nulla laborum excepturi aliquid facere, repudiandae veniam, impedit soluta dolorem architecto. Enim quod cum dolore quasi praesentium explicabo est deleniti harum totam blanditiis eveniet optio dicta, excepturi ipsa exercitationem ut aliquam fuga quibusdam ducimus illum fugit quam. Incidunt dolor tempora laborum. Dolor excepturi repellendus enim rem ratione fugit adipisci nostrum, laboriosam doloribus dolore, reiciendis ullam cumque quasi, culpa debitis corporis provident consequuntur tempora labore velit. Voluptatem, atque illum? Molestiae doloremque excepturi accusamus molestias placeat incidunt reprehenderit modi facilis possimus omnis consectetur error voluptate rem, laborum praesentium. Quaerat modi sapiente deserunt, dolorem autem necessitatibus ducimus quisquam, fuga voluptates, architecto temporibus aliquid delectus provident? Commodi recusandae et, repellat labore pariatur modi consectetur quae tempore rem iusto ut sunt atque consequatur corporis nesciunt sit eligendi laboriosam rerum. Quae nihil cum architecto possimus sint, aut praesentium ratione ex odit saepe dignissimos molestias quod aliquid laboriosam fuga deserunt tempora distinctio totam repellendus amet provident quas incidunt fugit! Vero, facilis! Minima ut itaque dignissimos dicta a officia quisquam corrupti quaerat facere vitae. Nostrum illum quaerat beatae, consequatur dicta fugit quam eius amet non repellat placeat odit, corrupti accusamus excepturi. Maiores atque ad nam fuga assumenda neque quas possimus beatae ea accusamus aliquid nisi recusandae magni deleniti, laborum quaerat nemo iure doloribus totam eligendi culpa laudantium at quis. Facere recusandae repellendus, magni velit reiciendis quaerat deserunt laborum mollitia porro tenetur cum ea quod veritatis at voluptatibus nemo quam dolor assumenda, vitae odio ad odit esse omnis commodi. Nihil nesciunt magni nisi nulla minima repudiandae voluptas unde distinctio aliquid cumque provident, neque eaque voluptates sit a pariatur doloribus. Repellendus sequi eius unde dignissimos eos blanditiis corporis saepe ipsa. Iusto asperiores laborum ipsum facere consequuntur tempora quo accusamus aliquid dicta tempore ex minus cupiditate ipsa iste, repudiandae quis recusandae architecto quae quos ut neque adipisci assumenda dolorum. Saepe vitae voluptatibus iste laudantium accusamus reiciendis odit libero, sed delectus accusantium animi nobis! Aperiam nesciunt laboriosam aut provident excepturi, suscipit nam cumque veniam, quasi, saepe obcaecati fugit assumenda non doloremque sunt quisquam inventore mollitia. Dolores at laborum qui ad commodi earum enim. Deserunt facilis illum consequatur reprehenderit qui atque laborum in dolore quasi rem vitae praesentium amet quae enim repellendus quis porro, necessitatibus numquam et. Distinctio corrupti incidunt nobis voluptate corporis. Possimus minus nesciunt aut. Itaque, dicta! Quasi sunt magnam, maiores nihil quam dolore minus eaque blanditiis corporis, architecto dicta eveniet in asperiores quibusdam labore ipsa rerum facilis, molestias quod laborum dolores! Eveniet quasi est ipsam odio enim rem dolor facilis nemo. Dolor vero nisi magnam illo perspiciatis debitis quis ipsa eveniet, reprehenderit dolorem, assumenda laborum aliquid vitae culpa a ad molestias enim autem ullam repellat accusantium asperiores ipsam molestiae. Nemo hic suscipit laudantium eum sunt culpa?</p>
    <p>Iusto magnam dignissimos hic eaque tempore corrupti, recusandae, perspiciatis suscipit reiciendis facilis nesciunt beatae dolorum repellendus! Sapiente aliquam qui dolorem corrupti esse pariatur aliquid molestias minus, quos officia consectetur, in ad unde autem delectus laudantium doloremque eos ipsum? Qui neque aut quam iusto dolorum facilis libero dolorem asperiores impedit vitae autem nihil, laboriosam minus rem. Nesciunt aliquam vitae debitis voluptates eius temporibus facilis blanditiis aliquid eveniet eligendi quod facere, sapiente distinctio maiores iusto ipsa tempore quam recusandae laudantium inventore vero ut! Accusantium, numquam fugit voluptatum reiciendis necessitatibus nihil odio repellendus vitae nulla ut fuga est eos veniam dolorem obcaecati soluta rerum voluptate rem nisi, tenetur ullam magnam aliquam provident? Nulla obcaecati soluta quas ex laudantium fugit quam sunt nemo deserunt culpa, natus quibusdam magni doloribus fuga quaerat rem! Ipsam eaque optio quibusdam nihil cumque suscipit consequuntur. Molestias optio corporis nihil numquam? Perferendis doloribus, tempore fugiat ratione eaque doloremque incidunt nulla temporibus rerum deserunt labore fugit minus, odit tenetur. Quod iusto praesentium error hic expedita fugiat voluptatibus enim, recusandae soluta optio tempora modi tenetur ex, magni laudantium! Voluptas minus accusamus esse, ratione officiis hic officia quidem cumque quod neque quasi odio reprehenderit ea necessitatibus molestias tempora, deleniti molestiae iste sint facilis? Quam voluptatem nisi illum ea inventore nam dolorem quos error veniam dolor labore repellat, sunt sint minima corrupti vel non quaerat perspiciatis delectus. Alias quidem recusandae fugiat voluptatum odit, ullam consequuntur nisi quisquam sed cum modi, reprehenderit ea, minima eos minus temporibus voluptate non tempora enim repudiandae. Neque natus maxime est unde cupiditate asperiores, aut voluptate quasi. Odio architecto perspiciatis natus illo temporibus praesentium enim quod maxime autem, vel dolores eius labore. Ad aliquid quae repudiandae explicabo alias perferendis, numquam molestiae, doloremque rem nam adipisci earum ipsum dolore blanditiis, delectus saepe tempore quas fugit ipsam exercitationem sint voluptas nisi unde doloribus. Aspernatur eligendi eius maxime. Quisquam ipsam nisi quis rem iusto, reiciendis dolorem exercitationem, ex repellendus eligendi minus sapiente dolore soluta repellat facilis est deleniti perferendis, impedit cupiditate magni facere nesciunt id? Voluptatum ex, consequuntur deserunt laboriosam iusto minima tempore et modi amet labore animi quos delectus optio mollitia, autem, officia esse! Repudiandae neque mollitia aspernatur id sint veritatis, nam totam reiciendis nihil repellat rem, deleniti quia? Nemo consequuntur quibusdam, ipsa vel voluptatum quia. Voluptatum aut reprehenderit recusandae, consectetur sit tempora voluptatibus ab libero soluta vitae architecto dolor voluptas deleniti consequuntur doloribus laboriosam et minus tempore sunt nostrum, quam assumenda itaque labore? Expedita fugit ratione, illum nesciunt ducimus debitis dicta doloremque laborum eligendi, voluptate quaerat aliquid doloribus qui impedit quisquam. Iste, laboriosam fugit nemo magni minima mollitia consequatur odit distinctio error voluptates sunt aspernatur modi necessitatibus animi nulla quidem eos iure, blanditiis neque debitis aperiam quo possimus dolorum? Doloribus omnis quisquam porro tenetur iusto ad impedit quaerat hic rem dolore quas eligendi nisi nulla cum maiores veniam ratione, delectus laborum. Architecto consectetur cum molestias, accusantium deserunt sunt? Saepe, perferendis corporis. Explicabo nobis quaerat aut accusantium nemo deleniti qui, laboriosam, nulla quod magni porro veritatis eveniet consectetur molestias adipisci sequi voluptatem tempore ad ipsa eligendi architecto nihil pariatur vel. Quidem adipisci sint eaque quisquam magni vel nihil assumenda obcaecati aperiam consectetur accusamus, sapiente eum corrupti itaque dolores fugit quibusdam temporibus nemo non minus esse laboriosam? Maiores suscipit optio accusantium iusto ex fugiat excepturi culpa ipsa rerum. Illo dolores officiis dolorum sit, ipsam mollitia? Ab omnis ducimus et animi atque. Dignissimos incidunt ipsum aliquid repellat dicta! Dolores corrupti necessitatibus dolore sequi itaque sit, reiciendis aspernatur consequatur facilis eum beatae atque error quos delectus qui magnam laborum similique inventore nam nobis neque odio, explicabo libero repellat? Odit, aspernatur! Iusto, modi! Aspernatur, obcaecati delectus. Nobis facilis cumque rerum quidem inventore quasi quis dolorem suscipit necessitatibus eos! Eligendi totam recusandae, tempora quisquam enim mollitia molestias voluptas consequatur obcaecati corporis, aliquid accusamus labore dicta deserunt quas vitae incidunt suscipit ratione assumenda ipsa dolorem porro. Culpa, voluptatum iusto provident quia commodi molestias aliquam debitis quas accusantium cum exercitationem veniam. Eos distinctio, natus, sunt tempora magni dolore quisquam totam unde repellat veniam possimus officia laboriosam animi ipsa exercitationem at sed porro! Asperiores doloremque a tempora porro magni nisi rerum optio nesciunt neque harum, recusandae dolorem voluptates corporis repellendus aliquam autem et dolore amet adipisci. Officiis, deleniti veritatis dolorum aspernatur similique magnam omnis maxime esse optio blanditiis expedita natus quod sit quibusdam dolor praesentium mollitia ea accusamus perferendis velit aliquam consectetur repudiandae. Cupiditate molestiae quisquam dolores, ab praesentium harum iste voluptates soluta! Esse ducimus architecto placeat illo velit libero maxime corporis deleniti! Obcaecati reiciendis commodi, odit est rerum laborum. Tempora magnam iste voluptatem excepturi esse aspernatur non officia ipsa incidunt quaerat sint inventore dolor autem veritatis tenetur ipsum est corrupti, dolore dolorem vitae nulla, voluptatum modi? Temporibus vel aspernatur explicabo vitae optio voluptatem eligendi voluptate quibusdam ex nisi. Distinctio iusto sequi, repudiandae dolorum labore hic sunt incidunt, at, aperiam maxime in accusantium nulla temporibus a natus similique nostrum. Alias omnis hic corporis facilis, doloremque rerum vero quo autem voluptates distinctio consequuntur laborum cupiditate totam exercitationem eveniet animi non, libero ullam ad. Corporis distinctio dicta autem nostrum debitis ullam quisquam eum, veritatis odit nihil officiis! Sequi, similique molestiae molestias, tenetur nisi, dolore corrupti reiciendis ipsa illo aspernatur suscipit. Quae quaerat nihil voluptatibus harum quo quidem veniam hic repellat ea atque ut modi, soluta vero. Corporis, cumque dolor voluptatibus quam sapiente labore non eligendi libero culpa quasi laboriosam perferendis, ducimus nam itaque ab illum fugiat pariatur veniam neque vitae, inventore atque maxime. Voluptate recusandae error nemo. Deserunt deleniti sed ea vero consectetur omnis reprehenderit rem necessitatibus tempora corrupti similique, laudantium voluptate ex, delectus harum tenetur veritatis inventore nesciunt possimus maxime ullam eveniet exercitationem? Aspernatur accusantium ab adipisci quas, pariatur exercitationem recusandae aliquam tempora optio sunt repellendus impedit dignissimos quibusdam eligendi molestias explicabo blanditiis accusamus voluptatem. Enim, molestias numquam corrupti dicta aspernatur repudiandae omnis at reprehenderit nulla voluptatibus, quae facilis cum? Aspernatur repellendus quo non et placeat facere alias, illum beatae delectus. Accusamus eius dignissimos, rem, quis alias quibusdam ex cumque nostrum laudantium numquam aspernatur sapiente repellendus possimus repudiandae? Repellat, dignissimos architecto.</p>
    <script>

        window.scroll(0, 100); // 让滚动条滚动到当前位置(0, 10),返回undefined
        window.scrollTo(0, 100); // 和window.scroll没有任何区别

        window.scrollBy(0, 100); // 连续执行可以累加滚动，意思是在以前的基础上在滚动多少距离
        // 返回undefined
        window.scrollBy(0, -100);// 往回滚动


        var start = document.getElementsByTagName('div')[0];
        var stop = document.getElementsByTagName('div')[1];
        var timer = 0;
        var count = 0;
        // var key = true;
        start.onclick = function() {
            
           count ++;
            if(count == 1){
            // if(key){
                timer = setInterval(function(){
                    window.scrollBy(0, 1);    // 越小动的越连续
                }, 50); // 毫秒数不能是小数，最小是1，越小动的频率越快
            }
            // key = false;
        }

        stop.onclick = function() {
            clearInterval(timer);
            count = 0;
            // key = true;
        }

    </script>
</body>
</html>